<div data-flex-box="0" data-flex="main:center mean:box dir:top" [style.width]="properties.circleWidth" style="height: auto; ">
  <div data-flex-box="0" data-flex="main:center" [style.height]="properties.height">
    <div class="line"></div>
  </div>
  <div data-flex-box="0" [style.height]="properties.circleHeight" [style.width]="properties.circleWidth" [style.background]="properties.circleBackground" [style.border]="properties.circleBorder" style="border-radius: 12px;"></div>
  <div data-flex-box="1" data-flex="dir:top main:center cross:center mean:box" style="height: auto;">
    <div class="line" data-flex-box="1"></div>
  </div>
</div>
